<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/static/web/jsp/include.jsp"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的-我的参拍</title>
    <meta name="description" content="网站描述" />
    <meta name="keywords" content="关键词" />
    <link rel="stylesheet" href="${path}/static/web/style/style.css">
    <link rel="stylesheet" href="${path}/static/web/style/hizoom.css">
    <link rel="stylesheet" href="${path}/static/web/style/page_nav.css">
    <link rel="stylesheet" href="${path}/static/web/style/art.css">
</head>
<body>
    <!-- 导航 -->
    <%@ include file="/static/web/jsp/top.jsp"%>

    <!-- 详情内容 -->
    <div class="model_container">
        <div class="link_sprite">当前位置：<a href="">首页</a> &#155; <a href="">个人中心</a> &#155; <a href="">我的参拍</a></div>

        <div class="model_container clearfix" >
            <!-- 我的中心导航 -->
            <%@ include file="/static/web/jsp/mine_nav.jsp"%>

            <!-- 右侧内容区 -->
            <div class="mine_aside" id="myAuctionController" v-cloak>

                <div class="block_box">
                    <div class="acution_tab_box">
                        <a class="auction_tab" :class="{'on':type==1}" @click="setType(1)" href="javascript:void(0);"><span>竞拍中</span></a>
                        <a class="auction_tab" :class="{'on':type==2}" @click="setType(2)" href="javascript:void(0);"><span>已结束</span></a>
                        <a class="auction_tab" :class="{'on':type==3}" @click="setType(3)" href="javascript:void(0);"><span>已中标</span></a>
                    </div>
                </div>

                <div class="block_main">

                    <!-- 竞拍中、已结束、已中标-->
                    <!-- 竞拍中：標題+當前價+作者、年份+节拍倒计时 -->
                    <!-- 已结束：標題+作者、年份 -->
                    <!-- 已中标：標題+當前價+作者、年份+去支付/已支付 -->
                    <div class="waterfull clearfloat" id="waterfull">
                        <p class="show_tip" v-show="type == 3">提示：需在中标后72小时内完成付款，如果因为限额不能支付，请联系客服：021-50206639</p>
                        <div class="no_data" v-show="auctions.length == 0">
                            <img src="${path}/static/web/images/no_data.png"/>
                            <p>暂无数据哦，去看看其他的吧</p>
                        </div>
                        <ul v-show="auctions.length > 0">
                            <li class="item" v-for="(item,index) in auctions" @click="jump(item)" :style="{opacity:0}">
                                <a href="#" class="a-img">
                                    <img src="${path}/static/web/images/waterfull_02.png" v-sy-img="item.goodsImg" alt="" >
                                </a>
                                <div class="content">
                                    <div class="item_head">
                                        <h3 class="title">{{item.goodsName}}</h3>
                                        <div class="label">
                                            <i class="icon icon_nation" v-if="item.conNum"></i>
                                            <i class="icon icon_author" v-if="item.ftype==1"></i>
                                            <i class="icon icon_link" v-if="item.ethNo"></i>
                                        </div>
                                    </div>
                                    <p class="price" v-if="type == 1">当前价：<span class="red">￥{{item.nowPrice}}</span></p>
                                    <p class="price" v-if="type == 2 && item.nowPrice">成交价：<span class="red">￥{{item.nowPrice}}</span></p>
                                    <p class="price" v-if="type == 3">成交价：<span class="red">￥{{item.nowPrice}}</span></p>
                                    <div class="info">
                                        <span class="author">作者：{{item.artName}}</span>
                                        <span class="year" v-if="item.goodsTime">{{item.goodsTime.substring(0,4)}}年</span>
                                    </div>
                                </div>
                                <div class="time" v-if="type == 1">结拍倒计时： {{item.time}}</div>
                            </li>
                        </ul>
                    </div>
                    <div id="imloading" class="img_loading">
                        加载中.....
                    </div>
                </div>

            </div>
        </div>
    </div>


    <!-- 客服 -->
    <%@ include file="/static/web/jsp/footer.jsp"%>

</body>
<%--<script src="${path}/static/web/js/jquery.min.js"></script>--%>
<script src="${path}/static/web/js/jquery.masonry.min.js"></script>
<script src="${path}/static/web/js/jQeasing.js"></script>
<script src="${path}/static/web/js/art.js"></script>
<script src="${path}/static/web/js/biz/mine_auction.js?v=1.0.1"></script>


</html>